<ion-view hide-nav-bar="true">
	<!--=== header导航 ===-->
	<ion-header-bar class="bar-dark" style="padding-left: 50px; padding-right:45px;">
		<div class="buttons buttons-left header-item D-abso" style="left:10px;">
			<button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
		</div>
		<!--search-->
		<div class="D-abso" style="right:40px; left:50px; border:0; border-radius:4px; background: rgba(255,255,255,0.5);">
			<form ng-submit="search()">
				<label for="" class="item item-input" style="padding:0; padding-left:10px; border:0; background: rgba(255,255,255,0)">
					<i class="icon ion-search placeholder-icon"></i>
					<input type="search" placeholder="搜索" ng-model="query" style="height:30px">
				</label>
			</form>
		</div>
		<!-- \search -->
		<div class="buttons">
			<a ui-sref="app.question" class="button button-clear button-icon button-positive icon icon-ios-search" style="position:absolute; right:5px;"><i class="iconfont color-f f24 mt5">&#xe61e;</i></a>
		</div>
	</ion-header-bar>
	<!--=== \header导航 ===-->

	<ion-content class="page" lazy-scroll>
		<ion-refresher pulling-icon="" pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
		<!--=== banner ===-->
		<ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
			<ion-slide ng-repeat="vo in advert">
				<img class="img-responsive" ng-src="{{vo.url}}">
			</ion-slide>
		</ion-slide-box>
		<!--=== / banner ===-->

		<!--=== container ===-->
		<div class="container">
			<!--装修分类-->
			<div class="category">
				<div class="p-rl0 f12 bg-f item">
					<div class="row D-center">
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-positive mb10">
									<i class="iconfont"> &#xe606;</i>
								</span>
								新房验收
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-positive mb10">
									<i class="iconfont">&#xe713;</i>
								</span>
								预算审核
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-balanced mb10">
									<i class="iconfont">&#xe791;</i>
								</span>
								材料验收
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-assertive mb10">
									<i class="iconfont"> &#xe69f; </i>
								</span>
								专业咨询
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-royal mb10">
									<i class="iconfont">&#xe686;</i>
								</span>
								水电验收
							</a>
						</div>
					</div>
					<div class="row mb15  D-center">
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-calm mb10">
									<i class="iconfont">&#xe660;</i>
								</span>
								现场核量
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40  bg-positive mb10">
									<i class="iconfont">&#xe632;</i>
								</span>
								竣工验收
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-royal mb10">
									<i class="iconfont">&#xe611;</i>
								</span>
								环境监测
							</a>
						</div>
						<div class="col">
							<a class="inline" ng-href="#/app/task-cases">
								<span class="iconwp sz-s radius_p40 bg-energized mb10">
									<i class="iconfont">&#xe605;</i>
								</span>
								过程监理
							</a>
						</div>
						<div class="col">
							<a class="inline" href="#/app/categorizers">
								<span class="iconwp sz-s radius_p40 bg-balanced mb10">
									<i class="iconfont">&#xe891;</i>
								</span>
								更多分类
							</a>
						</div>
					</div>
					<div class="row bg-e radius20 l-ha15 padding">
						<span class="col col-20 color-calm ">常见问题:</span>
						<span class="col col-70">装修过程中的问题</span>
						<span class="col col-20 line-sd-l D-center">
							<a nav-transition="ios" href="#/app/question" class="button button-clear button-small">更多</a>
						</span>
					</div>
				</div>
				<div class="item item-divider"></div>
			</div>
			<!--装修分类-->
			<!--分类案例-->
			<div class="cate_case">
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-energized">
								<i class="iconfont">&#xe606;</i>
							</span>
							新房验收
							<a href="#/app/task-cases" nav-transition="ios" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-positive">
								<i class="iconfont">&#xe713;</i>
							</span>
							预算审核
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c2items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-balanced">
								<i class="iconfont">&#xe791;</i>
							</span>
							材料验收
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c3items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-assertive">
								<i class="iconfont"> &#xe69f; </i>
							</span>
							专业咨询
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c4items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-royal ">
								<i class="iconfont">&#xe686;</i>
							</span>
							水电验收
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c5items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-calm ">
								<i class="iconfont">&#xe660;</i>
							</span>
							现场核量
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c6items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-positive">
								<i class="iconfont">&#xe632;</i>
							</span>
							竣工验收
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c7items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-royal ">
								<i class="iconfont">&#xe611;</i>
							</span>
							环境监测
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c8items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-energized">
								<i class="iconfont">&#xe605;</i>
							</span>
							过程监理
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c9items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-energized">
								<i class="iconfont">&#xe605;</i>
							</span>
							过程监理
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="block_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c10items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
				<div class="block-group mtb10 bg-f">
					<div class="block-header">
						<div class="ml15 D-rela item-icon-right">
							<span class="iconwp sz-s circle D-inline bg-energized">
								<i class="iconfont">&#xe605;</i>
							</span>
							过程监理
							<a href="#/app/task-cases" class="">
								<span class="D-more color-calm"> 更多</span>
								<i class="icon ion-ios-arrow-right"></i>
							</a>
						</div>
					</div>
					<div class="bblock_list_item">
						<ion-scroll direction="x" style="white-space:nowrap;">
							<a class="hscroller-card hscroller-card-animated-0" ng-repeat="item in c11items" ng-href="#/app/task-cases/{{itemId}}" >
								<img class="hscroller-img" image-lazy-src="{{item.pic}}" image-404>
								<div class="hscroller-label">{{item.name}}</div>
								<div class="hscroller-label">0.5千</div>
								<div class="hscroller-label">{{item.payfor}}</div>
							</a>
						</ion-scroll>
					</div>
				</div>
			</div>
			<!--\分类案例-->
		</div>
		<!--=== / container ===-->
	</ion-content>
</ion-view>
